缄汾に茶咙の逼を侯喇する

海搀は、shadowというフィルタを网脱し、缄汾に逼を侯喇する数恕を疽拆します。ホ〖ムペ〖ジに继靠を非很する狠に茶咙に逼を烧けると、ペ〖ジ链挛のデザインが丽锡された史跋丹になります。また、继靠を惧缄に斧せるという跟蔡もあります。驴くの眷烫で宠脱できるテクニックとなりますので、ぜひマスタ〖してください。

まずは、shadowフィルタの蝗い数を棱汤します。shadowフィルタは、color、direction、strengthの3つで逼を肋年します。colorには逼の咖をRGBの16渴眶で回年してください。directionは逼の数羹を回年する灌誊であり、靠惧を0刨として箕纷搀りに0×360の猛を回年します。strengthは逼の动さを回年する灌誊で、この猛を络きくするほど逼の墓さが墓くなります。たとえば、偿咖∈#666666∷で宝夹め布数羹、10ピクセルの逼を回年する眷圭は、笆布のようにスタイルシ〖トを淡揭します。なお、shadowフィルタはInternet Explorer漓脱であり、戮のブラウザでは逼が浩附されない爬にも浇尸庙罢するようにしてください。

filter:shadow(color=#666666,direction=135,strength=10);

IMGタグなどで山绩する茶咙に逼を烧けるには、逼のぶんだけ途球を肋けておく涩妥があります。これは、paddingのスタイルシ〖トを淡揭すると回年できます。逼を烧ける茶咙がいくつもある眷圭は、笆布のようにpaddingとshadowフィルタを回年したクラスをスタイルシ〖トに判峡しておくとよいでしょう。これで、缄汾に茶咙に逼を烧けられるようになります。

<STYLE type="text/css">
IMG.kage{
padding:15px;
filter:shadow(color=#666666,direction=135,strength=10);
}
</STYLE>

あとは、IMGタグに黎ほどのクラスを回年するだけで茶咙に逼を烧けることができます。海搀の毋では、≈kage∽という叹涟でクラスを判峡したので、≈class="kage"∽とIMGタグに淡揭すると、その茶咙に逼を烧けることができます。
<IMG src="photo1.jpg" class="kage"> <IMG src="photo2.jpg" class="kage"><BR clear="left"> <IMG src="photo3.jpg" class="kage"> <IMG src="photo4.jpg" class="kage">

PC梡娽嬀亂娗棟恖傕巊偭偰傑偡偑儅僕偱旀傟傑偣傫亃夝栺庤悢椏侽墌亂偁偟偨偱傫偒亃 Yahoo 妝揤 NTT-X Store

柍椏儂乕儉儁乕僕柍椏偺僋儗僕僢僩僇乕僪奀奜奿埨峲嬻寯傆傞偝偲擺惻奀奜椃峴曐尟偑柍椏両奀奜儂僥儖